<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://www.springframework.org/security/tags" prefix="sec"%>
<%-- <spring:url value="/js/candidato/esperienzelavorative.js" var="jsUrl"></spring:url> --%>
<script src="${jsUrl}" type="text/javascript"></script>
<style>
	.ui-datepicker-trigger { 
		vertical-align:top;
		height:16px;
		width:16px;	
	}	
	
	.forms-columnar label{
		width:260px;
	}
	
	.ui-datepicker-calendar{
		display:none;
	}
	
	.forms-columnar p{
		padding-left:270px;
	}

</style>

<div class="unit-row">
	<div class="unit-70" style="width:100%;opacity:0.7;background-color:#FFFFFF;font-weight:bold;height:100%">
		<nav class="nav-tabs" style="width:1000px">
			<ul>
				<li><a href="${flowExecutionUrl}&_eventId=dati-generali">Dati anagrafici</a></li>
				<li><a href="${flowExecutionUrl}&_eventId=studi-compiuti">Studi compiuti</a></li>
				<li><a href="${flowExecutionUrl}&_eventId=lingue-conosciute">Lingue conosciute</a></li>
				<li><a href="${flowExecutionUrl}&_eventId=conoscenze-informatiche">Conoscenze informatiche</a></li>
				<li><span>Esperienze Lavorative</span></li>
				<li><a href="${flowExecutionUrl}&_eventId=domande-attitudinali">Analisi</a></li>
				<li><a href="${flowExecutionUrl}&_eventId=altre-informazioni">Altre Informazioni</a></li>
				<li><a href="${flowExecutionUrl}&_eventId=documenti">Documenti</a></li>
				<sec:authorize ifAllGranted="ROLE_ADMIN">
					<li><a href="${flowExecutionUrl}&_eventId=note-selezionatore">Note</a></li>
				</sec:authorize>
				<li><a href="<c:url value="j_spring_security_logout" />">Logout</a></li>				
			</ul>
		</nav>
		<br />
		<c:if test="${not empty datiEsperienzaSalvati}">
			<div class="message message-success">
				<span class="close"></span> Dati salvati con successo!
			</div>
		</c:if>
		<c:if
 			test="${not empty requestScope['org.springframework.validation.BindingResult.esperienzaLavorativa'].allErrors}"> 
			<div class="message message-error">
 				<span class="close"></span> Sono presenti degli errori!
 			</div> 
 		</c:if>
		<br>

		<h4 id="toc-base" class="head-toc head-toc-start">Esperienze Lavorative</h4>
		<p>
			<em>Bene, ora passiamo ad alcune informazioni riguardanti le esperienze professionali che ha compiuto. </em> </em>
		<table class="width-100 table-bordered table-hovered">
			<thead>
				<tr>
					<th class="width-10">Dal (MM/AAAA)</th>
					<th class="width-10">Al (MM/AAAA) </th>
					<th class="width-30">Mansione</th>
					<th class="width-30">Qualifica e Livello</th>
					<th class="width-20">&nbsp;</th>
				</tr>
			</thead>
			<tbody>
				<c:if test="${fn:length(esperienzeLavorative) == 0}">
					<tr>
						<td colspan="5">
							<p>
								<strong>Non sono presenti esperienze lavorative.</strong>
						</td>
					</tr>
				</c:if>
				<c:if test="${fn:length(esperienzeLavorative) > 0}">
					<c:forEach var="risultato" items="${esperienzeLavorative}">
						<tr>
							<td><c:out value="${risultato.dataDaStr}"></c:out></td>
							<td><c:out value="${risultato.dataAStr}"></c:out></td>
							<td><c:out value="${risultato.mansione}"></c:out></td>
							<td><c:out value="${risultato.qualifica}"></c:out></td>
							<td class="handle"><spring:url value="/images/" var="images"></spring:url>
								<a
								href="${flowExecutionUrl}&_eventId=modificaEsperienzaLavorativa&idEsperienzaLavorativa=${risultato.idEsperienzaLavorativa}">
									<img alt="Modifica titolo di studio"
										src="${images}/glyphicons_150_edit.png" border="0" />
								</a> &nbsp; <a
									href="${flowExecutionUrl}&_eventId=eliminaEsperienzaLavorativa&idEsperienzaLavorativaDaCancellare=${risultato.idEsperienzaLavorativa}">
										<img alt="Elimina titolo di studio"
										src="${images}/glyphicons_016_bin.png" border="0" />
								</a>
							</td>

						</tr>
					</c:forEach>
				</c:if>
			</tbody>
		</table>
		<br />
		<form:form id="esperienzaLavorativa" method="post" action="${flowExecutionUrl}" commandName="esperienzaLavorativa" cssClass="forms forms-columnar">
			<fieldset>
				<legend>
					<c:if test="${empty idEsperienzaLavorativa}">Nuova</c:if>
					<c:if test="${not empty idEsperienzaLavorativa}">Modifica</c:if>
					esperienza lavorativa
				</legend>
				<p>
					<em>Compili i campi sottostanti e prema "Salva" per confermare <br/>
						le informazioni inserite e poter aggiungere ulteriori esperienze.</em>
				</p>
			<form:hidden path="idEsperienzaLavorativa" />
			<p class="forms-inline">
				<fmt:formatDate value="${esperienzaLavorativa.dataDa}" pattern="MM/yyyy" var="dtDa"/>
				<form:label path="dataDaStr" cssErrorClass="error">Dal(MM/AAAA)<em class="req">*</em></form:label>
				<form:input path="dataDaStr" value="${dtDa}" cssClass="date" cssErrorClass="input-error date"/>
				<form:errors path="dataDaStr" cssClass="error" style="margin-left:20px"></form:errors>
			</p>
			<p class="forms-inline">
				<fmt:formatDate value="${esperienzaLavorativa.dataA}" pattern="MM/yyyy" var="dtA"/>
				<form:label path="dataAStr" cssErrorClass="error">Al(MM/AAAA)<em class="req">*</em></form:label>
				<form:input path="dataAStr" value="${dtA}" cssClass="date" cssErrorClass="input-error date"/>
				<form:errors path="dataAStr" cssClass="error" style="margin-left:20px"></form:errors>
			</p>
			<p class="forms-inline">
				<form:label path="incorso" cssErrorClass="error">In Corso</form:label>
				<form:checkbox path="incorso" cssClass="width-15" cssErrorClass="input-error width-15" />
				<form:errors path="incorso" cssClass="error"></form:errors>
			</p>
			<p class="forms-inline">
				<form:label path="presso" cssErrorClass="error">Presso<em class="req">*</em></form:label>
				<form:input path="presso" cssClass="width-30" maxlength="50"
					cssErrorClass="input-error width-30" />
				<form:errors path="presso" cssClass="error"></form:errors>
			</p>
			<p>
				<form:label path="comune" cssErrorClass="error">Comune</form:label>
				<form:input path="comune" cssClass="width-40"
					cssErrorClass="input-error" maxlength="70"/>
				<form:errors path="comune" cssClass="error"></form:errors>
			</p>
			<p>
				<form:label path="provincia" cssErrorClass="error">Provincia</form:label>
				<form:select path="provincia" cssClass="width-40"
					cssErrorClass="input-error">
					<form:option value="">Seleziona una provincia</form:option>
					<form:options items="${province}" itemValue="descrizione"
						itemLabel="descrizione" />
				</form:select>
				<form:errors path="provincia" cssClass="error"></form:errors>
			</p>
			<p class="forms-inline">
				<form:label path="settore" cssErrorClass="error">Settore<em class="req"></em></form:label>
				<form:input path="settore" cssClass="width-30" maxlength="50"
					cssErrorClass="input-error width-30" />
				<form:errors path="settore" cssClass="error"></form:errors>
			</p>
			<p class="forms-inline">
				<form:label path="numPersonaleAzienda" cssErrorClass="error">Di quante persone era composta l'azienda?<em class="req"></em></form:label>
				<form:input path="numPersonaleAzienda" cssClass="width-30" maxlength="50"
					cssErrorClass="input-error width-30" />
				<form:errors path="numPersonaleAzienda" cssClass="error"></form:errors>
			</p>
			<p class="forms-inline">
				<form:label path="mansione" cssErrorClass="error">Qual era la sua mansione?<em class="req"></em></form:label>
				<form:input path="mansione" cssClass="width-30" maxlength="50"
					cssErrorClass="input-error width-30" />
				<form:errors path="mansione" cssClass="error"></form:errors>
			</p>
			<p class="forms-inline">
				<form:label path="qualifica" cssErrorClass="error">Con quale Qualifica e Livello? <em class="req"></em></form:label>
				<form:input path="qualifica" cssClass="width-30"
					cssErrorClass="input-error width-30" />
				<form:errors path="qualifica" cssClass="error"></form:errors>
			</p>
			<p class="forms-inline">
				<form:label path="referente" cssErrorClass="error">Referente<em class="req"></em></form:label>
				<form:input path="referente" cssClass="width-30" maxlength="50"
					cssErrorClass="input-error width-30" />
				<form:errors path="referente" cssClass="error"></form:errors>
			</p>
			<p class="forms-inline">
				<form:label path="dipendenzaDa" cssErrorClass="error">Da chi dipendeva?(es Direttore Commerciale)<em class="req"></em></form:label>
				<form:input path="dipendenzaDa" cssClass="width-30" maxlength="50"
					cssErrorClass="input-error width-30" />
				<form:errors path="dipendenzaDa" cssClass="error"></form:errors>
			</p>
			<p class="forms-inline">
				<form:label path="numDipendenti" cssErrorClass="error">Quante persone dipendevano da Lei?</form:label>
				<form:input path="numDipendenti" cssClass="width-30" maxlength="50"
					cssErrorClass="input-error width-30" />
				<form:errors path="numDipendenti" cssClass="error"></form:errors>
			</p>
			<p class="forms-inline">
				<form:label path="retribuzioneMensile" cssErrorClass="error">Con quale retribuzione mensile?<em class="req">*</em></form:label>
				<form:input path="retribuzioneMensile" cssClass="width-30" maxlength="50"
					cssErrorClass="input-error width-30" />
				<form:errors path="retribuzioneMensile" cssClass="error"></form:errors>
			</p>
			<p class="forms-inline">
				<form:label path="tipoRetribuzione" cssErrorClass="error">Tipo di retribuzione</form:label>
				<form:select path="tipoRetribuzione" cssClass="width-40"
					cssErrorClass="input-error">
					<form:option value="netta">netta</form:option>
					<form:option value="lorda">lorda</form:option>
				</form:select>
			</p>
			<p class="forms-inline">
				<form:label path="mensilita" cssErrorClass="error">Quante mensilit&agrave;?<em class="req">*</em></form:label>
				<form:input path="mensilita" cssClass="width-30" maxlength="50"
					cssErrorClass="input-error width-30" />
				<form:errors path="mensilita" cssClass="error"></form:errors>
			</p>
			<p class="forms-inline">
				<form:label path="motivoCambiamento" cssErrorClass="error">Motivazione del cambiamento<em class="req"></em></form:label>
				<form:textarea path="motivoCambiamento" cols="40" rows="5" cssErrorClass="input-error"/>
				<form:errors path="mensilita" cssClass="error"></form:errors>
			</p>								
			<p align="right">
				<input type="hidden" name="_eventId" value="saveEsperienzaLavorativa">
				<input type="reset" class="btn" value="Annulla"> 
				<input type="submit" class="btn"  value="Salva esperienza lavorativa">
			</p>
			</fieldset>
		</form:form>		
</div>
